{{define "portal"}}

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="order by dede58.com"/>
<title>MSP Portal</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<link href="/static/css/bootstrap.css" type="text/css" rel="stylesheet" >
<link href="/static/iconfont/style.css" type="text/css" rel="stylesheet">
<style>
    body{color:#fff; font-family:"微软雅黑"; font-size:14px;}
    .wrap1{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }/*把整个屏幕真正撑开--而且能自己实现居中*/
    .main_content{background:url(/static/images/main_bg.png) repeat; margin-left:auto; margin-right:auto; text-align:left; float:none; border-radius:8px;}
    .form-group{position:relative;}
    .login_btn{display:block; background:#3872f6; color:#fff; font-size:15px; width:100%; line-height:50px; border-radius:3px; border:none; }
    .login_input{width:100%; border:1px solid #3872f6; border-radius:3px; line-height:40px; padding:2px 5px 2px 30px; background:none;}
    .icon_font{position:absolute; bottom:15px; left:10px; font-size:18px; color:#3872f6;}
    .font16{font-size:16px;}
    .mg-t20{margin-top:20px;}
    @media (min-width:200px){.pd-xs-20{padding:20px;}}
    @media (min-width:768px){.pd-sm-50{padding:50px;}}
    #grad {
      background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Firefox 3.6 - 15 */
      background: linear-gradient(#4990c1, #52a3d2, #6186a3); /* 标准的语法 */
    }
</style>
<script src="/static/js/jquery-3.4.1.min.js"></script>
<script src="/static/js/cookie.js"></script>
<script type="text/javascript">

function login(){
    var Username = document.getElementById("Username").value;
    var Password = document.getElementById("Password").value;
    //alert(Username+":"+Password)
    var params = {"Username": Username, "Password": Password};
    $.post("/jsPostAuth", params, function(ReplyData, ResponseStatus){
        //alert(ReplyData.token+"; "+ResponseStatus);
        setCookie("username", Username, 1); setCookie("token", ReplyData.token, 1);
        jump2page_with_token("mspapp1")
　　},"json");
}

</script>
</head>

<body style="background:url(/static/images/bg6.jpg) no-repeat;">

    <div class="container wrap1" style="height:450px;">
            <h2 class="mg-b20 text-center">MSP系统入口</h2>
            <div class="col-sm-8 col-md-5 center-auto pd-sm-50 pd-xs-20 main_content">
                <p class="text-center font16">用户登录</p>
                <form>
                    <div class="form-group mg-t20">
                        <i class="icon-user icon_font"></i>
                        <input type="email" class="login_input" id="Username" placeholder="请输入用户名" />
                    </div>
                    <div class="form-group mg-t20">
                        <i class="icon-lock icon_font"></i>
                        <input type="password" class="login_input" id="Password" placeholder="请输入密码" />
                    </div>
                    <div class="checkbox mg-b25">
                        <label>
                            <input type="checkbox" />记住我的登录信息
                        </label>
                    </div> <!-- 按钮style只能是button, 兼容IE,Chrome, Firefox -->
                    <button style="button" class="login_btn" onclick="login()">登 录</button>
                    <h4 class="mg-b20 text-left">没有账户?</h4>
                    <h4 class="mg-b20 text-left">
                        <!-- 超链接必须使用<a>标签 -->
                        <a href="regist">请这里[注册]</a>
                    </h4>
                   
               </form>
        </div><!--row end-->
    </div><!--container end-->
           
</body>

</html>

{{end}}